<script lang="ts" setup>
  import { computed } from 'vue';
  import { useCityStore } from '@/store';

  const cityStore = useCityStore();

  const cityStoreState = computed(() => cityStore.$state);
</script>

<template>
  <div class="city">
		<router-link to="City">
			<span class="city-name">{{ cityStoreState.cityName }}</span>
		  <span class="iconfont icon-header-arrow"></span>
		</router-link>
	</div>
</template>

<style lang="scss" scoped>
  @import "./CitySelector.scss";
</style>
